<template>
  <div>
    <DynamicTable
      ref="roleTable"
      :data-request="getList"
      :transformSearchParams="transformSearchParams"
      show-index
      :columns="columns"
      row-key="houseId"
      :nav-props="navProps"
    />
  </div>
</template>
<script>
import { getUserList } from "@/api/systemManage/userManage";
import { getColumns } from "./columns";

export default {
  data() {
    return {
      columns: getColumns.call(this),
      navProps: {
        label: "登录日志",
        showAddBtn: false,
      },
    };
  },
  methods: {
    async getList(params) {
      const { data } = await getUserList({
        ...params,
      });
      return data;
    },
    handleRefresh() {
      this.$refs.roleTable.refresh();
    },
  },
};
</script>

<style lang="scss" scoped>
::v-deep .cate-tabs {
  align-self: flex-end;

  .el-tabs__header {
    margin: 0;
  }

  .el-tabs__item.is-active {
    background-color: white;
  }
}
</style>
